<template>
  <el-row  style="line-height:60px">
    <el-col >
      <el-menu :default-active="active"
               background-color="rgba(0,63,119,1)"
               text-color="#fff"
               active-text-color="#ffd04b"
               mode="horizontal"
               @select="handleSelect">
        <el-menu-item index="1" id="navlink" >
          <router-link to="/login">
            <div>
              <!--<img v-if="this.$store.getters.getConfig()!=null" style="height:32px;width:32px;vertical-align: middle" :src="proAPI.RESOURCE_URL+this.$store.getters.getConfig().webLogo"/>-->
              <img style="height:32px;width:32px;vertical-align: middle" src="/static/logo.png"/>
              <span  v-if="$store.getters.getValForKey('sysConfig')" style="cursor:pointer;color:#ffffff;font-size:24px;vertical-align: middle">{{$store.getters.getValForKey("sysConfig").webName}}</span>
            </div>
          </router-link>
        </el-menu-item>
        <el-menu-item index="2"><router-link to="/sign"><div>立即注册</div></router-link></el-menu-item>
        <el-menu-item index="3"><router-link to="/info"><div>最新公告</div></router-link></el-menu-item>
        <el-menu-item index="6">关于我们</el-menu-item>
        <el-menu-item index="7">联系客服</el-menu-item>
        <el-menu-item index="8">FAQ</el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>
<script type="es6">
  export default {
    data() {
      return {
      }
    },
    props:['active'],
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    },
    updated(){
    },
    mounted(){
    }
  }
</script>
<style scoped lang="scss">
  .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
    background-color: rgba(0,63,119,1)!important;
    color:#ffd04b!important;
  }
  .el-dropdown-link{
    cursor: pointer;
  }
</style>
